/*------------返回首页的点击片区-----------------*/
.login-back-to-home-wrapper{
    background-color: #9F9F9F;
    height: 200px;
}

.login-back-to-home-wrapper .back-to-home-wrapper{
    padding-top: 60px;
    text-align: center;
}

.login-back-to-home-wrapper .back-to-home-wrapper .back-to-home{
    width: 7em;
    line-height: 2.3em;
    display: inline-block;
    color: #ffffff;
    background-color: #33CCCC;
    border-radius: 3px;
}

.login-back-to-home-wrapper .back-to-home-wrapper .back-to-home:hover{
    background-color: #3fe7e7;
}

/*------------登录的表单区域-----------------*/

.login-wrapper{
  position: relative;
  top: -85px;
}

.login-wrapper .login-form-bg{
  width: 100%;
  float: left;
}

.login-wrapper form{
  position: absolute;
  top: 5em;
  color: #009999;
  background-color: #FFFFFF;
  border: 2px solid #009999;
  border-radius: 8px;
  padding: 1.3em 1.7em;
}

.login-wrapper form>div{
  height: 2.4em;
  line-height: 2.4em;
}

.login-wrapper form label{
  cursor: pointer;
  padding-right: .7em;
}

.login-wrapper form input[type=text], .login-wrapper form input[type=password]{
  display: inline-block;
  height: 2em;
  width: 18em;
  border: 1px solid #009999;
  vertical-align: middle;
  padding-left: .7em;
}

.login-wrapper form input[type=text]:hover, .login-wrapper form input[type=password]:hover,
.login-wrapper form input[type=text]:active, .login-wrapper form input[type=password]:active,
.login-wrapper form input[type=text]:focus, .login-wrapper form input[type=password]:focus{
  border: 1px solid #009999;
}

#remember label{
  margin-left: 3em;
}

span.remember-text{
  color: #009999;
  font-size: .9em;
}

.login-wrapper form button[type=submit]{
  width: 5em;
  font-size: 1.1em;
  line-height: 1.6em;
  text-align: center;
  background-color: #009999;
  color: #FFFFFF;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.login-wrapper form button[type=submit]:hover{
  background-color: #008c8c;
}

.login-wrapper .login-error{
  padding-left: 3em;
}

.login-wrapper .login-error p{
  font-size: .7em;
  color: #ff2973;
}

.login-wrapper .form-wrapper{
  position: relative;
}

.login-wrapper .login-text{
  position: absolute;
  top: 20%;
  right: 2%;
  z-index: 5;
  width: 33%;
}